基本形

• a00

ブロック名称：基本形

[d01:機能を使わない状態の仕様(デザイン仕様)]

デザイン・機能仕様：

個別仕様

●
編集枠：最上部には下余白を付けない

PCのみ
各列は均等の横幅を持つ

SPのみ
PCで横に並んでいた列は全て縦に並び替えられる

テストケース：

• （個別仕様がある場合）個別仕様通りに実装されていること 
• bPlacerの余白の中に要素の装飾が入り込んでいないこと 
• bPlacerのクラスの余白が％指定になっていること （PCのみ）
• bPlacerのクラスの余白がpx指定になっていること （SPのみ）

[d02:部品の横幅・縦幅仕様(デザイン仕様)]

デザイン・機能仕様：

個別仕様

●

テストケース：

• ブロックの横幅が親要素の横幅に対して100%になっていること 

基本形

バリエーション1

<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-flow2LeftToRight">
            <div class="t0-b-flow2LeftToRight__hd outerHtml" data-cms-path="data.contents.0">
                <div style="border: 1px dashed red;padding: 5px;">編集枠：最上部</div>
            </div>
            <div class="t0-b-flow2LeftToRight__bd" data-auto-height>
                <div class="t0-b-flow2LeftToRight__box" data-height-group="1">
                    <div><span><span><span></span></span></span>
                        <div class="outerHtml" data-cms-path="data.contents.1">
                            <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ1</div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-flow2LeftToRight__arrow">
                    <div class="t0-b-flow2LeftToRight__arrow-inner"></div>
                </div>
                <div class="t0-b-flow2LeftToRight__box" data-height-group="1">
                    <div><span><span><span></span></span></span>
                        <div class="outerHtml" data-cms-path="data.contents.2">
                            <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ2</div>
                        </div>
                    </div>
                </div>
            </div>
            <div data-switchable-key="contents.3.switchable" class="t0-b-flow2LeftToRight__bd" data-auto-height>
                <div class="t0-b-flow2LeftToRight__box" data-height-group="1">
                    <div><span><span><span></span></span></span>
                        <div class="outerHtml" data-cms-path="data.contents.3">
                            <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ2</div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-flow2LeftToRight__arrow">
                    <div class="t0-b-flow2LeftToRight__arrow-inner"></div>
                </div>
                <div class="t0-b-flow2LeftToRight__box" data-height-group="1">
                    <div><span><span><span></span></span></span>
                        <div class="outerHtml" data-cms-path="data.contents.4">
                            <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ4</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

基本形

バリエーション2

<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-flow2LeftToRight2">
            <div class="t0-b-flow2LeftToRight2__hd outerHtml" data-cms-path="data.contents.0">
                <div style="border: 1px dashed red;padding: 5px;">編集枠：最上部</div>
            </div>
            <div class="t0-b-flow2LeftToRight2__bd" data-auto-height>
                <div class="t0-b-flow2LeftToRight2__box" data-height-group="1">
                    <div><span><span><span></span></span></span>
                        <div class="outerHtml" data-cms-path="data.contents.1">
                            <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ1</div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-flow2LeftToRight2__arrow">
                    <div class="t0-b-flow2LeftToRight2__arrow-inner"></div>
                </div>
                <div class="t0-b-flow2LeftToRight2__box" data-height-group="1">
                    <div><span><span><span></span></span></span>
                        <div class="outerHtml" data-cms-path="data.contents.2">
                            <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ2</div>
                        </div>
                    </div>
                </div>
            </div>
            <div data-switchable-key="contents.3.switchable" class="t0-b-flow2LeftToRight2__bd" data-auto-height>
                <div class="t0-b-flow2LeftToRight2__box" data-height-group="1">
                    <div><span><span><span></span></span></span>
                        <div class="outerHtml" data-cms-path="data.contents.3">
                            <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ2</div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-flow2LeftToRight2__arrow">
                    <div class="t0-b-flow2LeftToRight2__arrow-inner"></div>
                </div>
                <div class="t0-b-flow2LeftToRight2__box" data-height-group="1">
                    <div><span><span><span></span></span></span>
                        <div class="outerHtml" data-cms-path="data.contents.4">
                            <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ4</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

要素表示・子部品挿入

• f00

ブロック名称：要素表示・子部品挿入

[d03:スイッチャブルの表示仕様(デザイン仕様)]

デザイン・機能仕様：

個別仕様

●
・各列はスイッチOFFにして非表示にできる
PC
・ある列のスイッチをOFFにしても、他の列の横幅は変更されない。

テストケース：

• （個別仕様がある場合）個別仕様通りに実装されていること 
• スイッチャブル要素が全てOFFの場合に装飾が欠けていないこと 
• スイッチャブル要素が全てOFFの場合に文字が読めること 
• スイッチャブル要素が全てONの場合に装飾が欠けていないこと 
• スイッチャブル要素が全てONの場合に文字が読めること 

全要素非表示／全SWがOFF

バリエーション1

<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-flow2LeftToRight">
            <div class="t0-b-flow2LeftToRight__bd" data-auto-height>
                <div class="t0-b-flow2LeftToRight__box" data-height-group="1">
                    <div><span><span><span></span></span></span>
                        <div class="outerHtml" data-cms-path="data.contents.1">
                            <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ1</div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-flow2LeftToRight__arrow">
                </div>
                <div class="t0-b-flow2LeftToRight__box" data-height-group="1">
                </div>
            </div>
        </div>
    </div>
</div>

全要素非表示／全SWがOFF

バリエーション2

<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-flow2LeftToRight2">
            <div class="t0-b-flow2LeftToRight2__bd" data-auto-height>
                <div class="t0-b-flow2LeftToRight2__box" data-height-group="1">
                    <div><span><span><span></span></span></span>
                        <div class="outerHtml" data-cms-path="data.contents.1">
                            <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ1</div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-flow2LeftToRight2__arrow">
                </div>
                <div class="t0-b-flow2LeftToRight2__box" data-height-group="1">
                </div>
            </div>
        </div>
    </div>
</div>

全要素表示／全SWがON

バリエーション1

<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-flow2LeftToRight">
            <div class="t0-b-flow2LeftToRight__hd outerHtml" data-cms-path="data.contents.0">
                <div style="border: 1px dashed red;padding: 5px;">編集枠：最上部</div>
            </div>
            <div class="t0-b-flow2LeftToRight__bd" data-auto-height>
                <div class="t0-b-flow2LeftToRight__box" data-height-group="1">
                    <div><span><span><span></span></span></span>
                        <div class="outerHtml" data-cms-path="data.contents.1">
                            <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ1</div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-flow2LeftToRight__arrow">
                    <div class="t0-b-flow2LeftToRight__arrow-inner"></div>
                </div>
                <div class="t0-b-flow2LeftToRight__box" data-height-group="1">
                    <div><span><span><span></span></span></span>
                        <div class="outerHtml" data-cms-path="data.contents.2">
                            <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ2</div>
                        </div>
                    </div>
                </div>
            </div>
            <div data-switchable-key="contents.3.switchable" class="t0-b-flow2LeftToRight__bd" data-auto-height>
                <div class="t0-b-flow2LeftToRight__box" data-height-group="1">
                    <div><span><span><span></span></span></span>
                        <div class="outerHtml" data-cms-path="data.contents.3">
                            <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ2</div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-flow2LeftToRight__arrow">
                    <div class="t0-b-flow2LeftToRight__arrow-inner"></div>
                </div>
                <div class="t0-b-flow2LeftToRight__box" data-height-group="1">
                    <div><span><span><span></span></span></span>
                        <div class="outerHtml" data-cms-path="data.contents.4">
                            <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ4</div>
                        </div>
                    </div>
                </div>
            </div>
            <div data-switchable-key="contents.5.switchable" class="t0-b-flow2LeftToRight__bd" data-auto-height>
                <div class="t0-b-flow2LeftToRight__box" data-height-group="1">
                    <div><span><span><span></span></span></span>
                        <div class="outerHtml" data-cms-path="data.contents.5">
                            <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ5</div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-flow2LeftToRight__arrow">
                    <div class="t0-b-flow2LeftToRight__arrow-inner"></div>
                </div>
                <div class="t0-b-flow2LeftToRight__box" data-height-group="1">
                    <div><span><span><span></span></span></span>
                        <div class="outerHtml" data-cms-path="data.contents.6">
                            <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ6</div>
                        </div>
                    </div>
                </div>
            </div>
            <div data-switchable-key="contents.7.switchable" class="t0-b-flow2LeftToRight__bd" data-auto-height>
                <div class="t0-b-flow2LeftToRight__box" data-height-group="1">
                    <div><span><span><span></span></span></span>
                        <div class="outerHtml" data-cms-path="data.contents.7">
                            <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ7</div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-flow2LeftToRight__arrow">
                    <div class="t0-b-flow2LeftToRight__arrow-inner"></div>
                </div>
                <div class="t0-b-flow2LeftToRight__box" data-height-group="1">
                    <div><span><span><span></span></span></span>
                        <div class="outerHtml" data-cms-path="data.contents.8">
                            <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ8</div>
                        </div>
                    </div>
                </div>
            </div>
            <div data-switchable-key="contents.9.switchable" class="t0-b-flow2LeftToRight__bd" data-auto-height>
                <div class="t0-b-flow2LeftToRight__box" data-height-group="1">
                    <div><span><span><span></span></span></span>
                        <div class="outerHtml" data-cms-path="data.contents.9">
                            <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ9</div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-flow2LeftToRight__arrow">
                    <div class="t0-b-flow2LeftToRight__arrow-inner"></div>
                </div>
                <div class="t0-b-flow2LeftToRight__box" data-height-group="1">
                    <div><span><span><span></span></span></span>
                        <div class="outerHtml" data-cms-path="data.contents.10">
                            <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ10</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="outerHtml" data-cms-path="data.contents.11">
                <div style="border: 1px dashed red;padding: 5px;">編集枠：最下部</div>
            </div>
        </div>
    </div>
</div>

全要素表示／全SWがON

バリエーション2

<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-flow2LeftToRight2">
            <div class="t0-b-flow2LeftToRight2__hd outerHtml" data-cms-path="data.contents.0">
                <div style="border: 1px dashed red;padding: 5px;">編集枠：最上部</div>
            </div>
            <div class="t0-b-flow2LeftToRight2__bd" data-auto-height>
                <div class="t0-b-flow2LeftToRight2__box" data-height-group="1">
                    <div><span><span><span></span></span></span>
                        <div class="outerHtml" data-cms-path="data.contents.1">
                            <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ1</div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-flow2LeftToRight2__arrow">
                    <div class="t0-b-flow2LeftToRight2__arrow-inner"></div>
                </div>
                <div class="t0-b-flow2LeftToRight2__box" data-height-group="1">
                    <div><span><span><span></span></span></span>
                        <div class="outerHtml" data-cms-path="data.contents.2">
                            <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ2</div>
                        </div>
                    </div>
                </div>
            </div>
            <div data-switchable-key="contents.3.switchable" class="t0-b-flow2LeftToRight2__bd" data-auto-height>
                <div class="t0-b-flow2LeftToRight2__box" data-height-group="1">
                    <div><span><span><span></span></span></span>
                        <div class="outerHtml" data-cms-path="data.contents.3">
                            <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ2</div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-flow2LeftToRight2__arrow">
                    <div class="t0-b-flow2LeftToRight2__arrow-inner"></div>
                </div>
                <div class="t0-b-flow2LeftToRight2__box" data-height-group="1">
                    <div><span><span><span></span></span></span>
                        <div class="outerHtml" data-cms-path="data.contents.4">
                            <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ4</div>
                        </div>
                    </div>
                </div>
            </div>
            <div data-switchable-key="contents.5.switchable" class="t0-b-flow2LeftToRight2__bd" data-auto-height>
                <div class="t0-b-flow2LeftToRight2__box" data-height-group="1">
                    <div><span><span><span></span></span></span>
                        <div class="outerHtml" data-cms-path="data.contents.5">
                            <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ5</div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-flow2LeftToRight2__arrow">
                    <div class="t0-b-flow2LeftToRight2__arrow-inner"></div>
                </div>
                <div class="t0-b-flow2LeftToRight2__box" data-height-group="1">
                    <div><span><span><span></span></span></span>
                        <div class="outerHtml" data-cms-path="data.contents.6">
                            <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ6</div>
                        </div>
                    </div>
                </div>
            </div>
            <div data-switchable-key="contents.7.switchable" class="t0-b-flow2LeftToRight2__bd" data-auto-height>
                <div class="t0-b-flow2LeftToRight2__box" data-height-group="1">
                    <div><span><span><span></span></span></span>
                        <div class="outerHtml" data-cms-path="data.contents.7">
                            <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ7</div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-flow2LeftToRight2__arrow">
                    <div class="t0-b-flow2LeftToRight2__arrow-inner"></div>
                </div>
                <div class="t0-b-flow2LeftToRight2__box" data-height-group="1">
                    <div><span><span><span></span></span></span>
                        <div class="outerHtml" data-cms-path="data.contents.8">
                            <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ8</div>
                        </div>
                    </div>
                </div>
            </div>
            <div data-switchable-key="contents.9.switchable" class="t0-b-flow2LeftToRight2__bd" data-auto-height>
                <div class="t0-b-flow2LeftToRight2__box" data-height-group="1">
                    <div><span><span><span></span></span></span>
                        <div class="outerHtml" data-cms-path="data.contents.9">
                            <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ9</div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-flow2LeftToRight2__arrow">
                    <div class="t0-b-flow2LeftToRight2__arrow-inner"></div>
                </div>
                <div class="t0-b-flow2LeftToRight2__box" data-height-group="1">
                    <div><span><span><span></span></span></span>
                        <div class="outerHtml" data-cms-path="data.contents.10">
                            <div style="border: 1px dashed red;padding: 5px;">編集枠：グループ10</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="outerHtml" data-cms-path="data.contents.11">
                <div style="border: 1px dashed red;padding: 5px;">編集枠：最下部</div>
            </div>
        </div>
    </div>
</div>

編集枠：子部品追加

バリエーション1

当社の４つの特徴

当社の４つの特徴について詳しくご紹介いたします。

豊富な経験と高い技術力

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳細はこちらへ

地域密着型

地元で○年間、地域に密着して事業を行なってまいりました。周辺環境や地域の特性など、地元だからこそ把握していることを生かし、きめ細かいサービスを提供いたしております。

詳細はこちらへ

時間をかけたカウンセリング

お客さまごとにきちんとお時間をとり、丁寧なご説明を心がけております。ご納得いただけないままお手続きを進めるようなことは一切ございません。安心してご相談ください。

詳細はこちらへ

土日祝日もご相談を受付

土日祝日もご相談を受け付けております。平日は仕事でいつも帰りが遅い方や、昼間は家事や育児で忙しい方など、ぜひご利用ください。

詳細はこちらへ

パッケージプラン

当社では、各業務、各種サービスの料金を明確に定め、明朗会計のパッケージプランをご用意しております。「何にいくらかかるのかわからない」といったご心配は不要です。

詳細はこちらへ

充実のフォロー体制

当社では、単なる事務手続きだけでなく、充実のフォロー体制でお客さまをバックアップいたします。けっして○○して終わり、というわけではありませんので、安心してご相談ください。

詳細はこちらへ

豊富な経験と高い技術力

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳細はこちらへ

豊富な経験と高い技術力

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳細はこちらへ

豊富な経験と高い技術力

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳細はこちらへ

豊富な経験と高い技術力

あらゆるニーズにお応えいたします。

当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。

詳細はこちらへ

<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-flow2LeftToRight">
            <div class="t0-b-flow2LeftToRight__hd outerHtml" data-cms-path="data.contents.0">
                <div class="ex-leftSpacingTweak-">
                    <div class="b-bPlacer-4s">

                        <div class="t0-b-lv3H t0-b-lv3H--align- t0-b-lv3H--size-2" data-height-part="">
                            <span><span><span></span></span></span>
                            <div>
                                <div class="t0-b-lv3H__iconPlacer">
                                    <span class="t0-b-lv3H__icon"></span>
                                </div>
                                <h3 data-cms-path="data.contents.0">当社の４つの特徴</h3>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="ex-leftSpacingTweak-spread-3s">
                    <div class="b-bPlacer-7s">
                        <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                            <p>当社の４つの特徴について詳しくご紹介いたします。</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="t0-b-flow2LeftToRight__bd" data-auto-height>
                <div class="t0-b-flow2LeftToRight__box" data-height-group="1">
                    <div><span><span><span></span></span></span>
                        <div class="outerHtml" data-cms-path="data.contents.1">
                            <div>
                                <div class="b-bPlacer-4s">
                                    <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
                                        <div>
                                            <div class="t0-b-lv4H-numIcon__iconPlacer">
                                                <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--tokucho-1"></span>
                                            </div>
                                            <div class="t0-b-lv4H-numIcon__bd">
                                                <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">豊富な経験と高い技術力</h4>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div>
                                <div class="b-bPlacer-3s">
                                    <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                        <div>
                                            <div class="t0-b-layoutSplitter__div">
                                                <div>
                                                    <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                        <div class="t0-b-media__media">
                                                            <span><span><span></span></span></span>
                                                            <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-7s">
                                    <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                        <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                    </div>
                                </div>
                            </div>
                            <div>
                                <div class="b-bPlacer-4s">
                                    <div class="t0-b-navBItem t0-b-navBItem--size-3 t0-b-navBItem--width-m t0-b-navBItem--align-c" data-height-part="">
                                        <div data-cms-path="data.contents.0"><span><span><span></span></span></span>
                                            <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-flow2LeftToRight__arrow">
                    <div class="t0-b-flow2LeftToRight__arrow-inner"></div>
                </div>
                <div class="t0-b-flow2LeftToRight__box" data-height-group="1">
                    <div><span><span><span></span></span></span>
                        <div class="outerHtml" data-cms-path="data.contents.2">
                            <div>
                                <div class="b-bPlacer-4s">
                                    <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
                                        <div>
                                            <div class="t0-b-lv4H-numIcon__iconPlacer">
                                                <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--tokucho-2"></span>
                                            </div>
                                            <div class="t0-b-lv4H-numIcon__bd">
                                                <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">地域密着型</h4>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div>
                                <div class="b-bPlacer-3s">
                                    <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                        <div>
                                            <div class="t0-b-layoutSplitter__div">
                                                <div>
                                                    <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                        <div class="t0-b-media__media">
                                                            <span><span><span></span></span></span>
                                                            <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-7s">
                                    <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                        <p>地元で○年間、地域に密着して事業を行なってまいりました。周辺環境や地域の特性など、地元だからこそ把握していることを生かし、きめ細かいサービスを提供いたしております。</p>
                                    </div>
                                </div>
                            </div>
                            <div>
                                <div class="b-bPlacer-4s">
                                    <div class="t0-b-navBItem t0-b-navBItem--size-3 t0-b-navBItem--width-m t0-b-navBItem--align-c" data-height-part="">
                                        <div data-cms-path="data.contents.0"><span><span><span></span></span></span>
                                            <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div data-switchable-key="contents.3.switchable" class="t0-b-flow2LeftToRight__bd" data-auto-height>
                <div class="t0-b-flow2LeftToRight__box" data-height-group="1">
                    <div><span><span><span></span></span></span>
                        <div class="outerHtml" data-cms-path="data.contents.3">
                            <div>
                                <div class="b-bPlacer-4s">
                                    <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
                                        <div>
                                            <div class="t0-b-lv4H-numIcon__iconPlacer">
                                                <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--tokucho-3"></span>
                                            </div>
                                            <div class="t0-b-lv4H-numIcon__bd">
                                                <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">時間をかけたカウンセリング</h4>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div>
                                <div class="b-bPlacer-3s">
                                    <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                        <div>
                                            <div class="t0-b-layoutSplitter__div">
                                                <div>
                                                    <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                        <div class="t0-b-media__media">
                                                            <span><span><span></span></span></span>
                                                            <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-7s">
                                    <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                        <p>お客さまごとにきちんとお時間をとり、丁寧なご説明を心がけております。ご納得いただけないままお手続きを進めるようなことは一切ございません。安心してご相談ください。</p>
                                    </div>
                                </div>
                            </div>
                            <div>
                                <div class="b-bPlacer-4s">
                                    <div class="t0-b-navBItem t0-b-navBItem--size-3 t0-b-navBItem--width-m t0-b-navBItem--align-c" data-height-part="">
                                        <div data-cms-path="data.contents.0"><span><span><span></span></span></span>
                                            <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-flow2LeftToRight__arrow">
                    <div class="t0-b-flow2LeftToRight__arrow-inner"></div>
                </div>
                <div class="t0-b-flow2LeftToRight__box" data-height-group="1">
                    <div><span><span><span></span></span></span>
                        <div class="outerHtml" data-cms-path="data.contents.4">
                            <div>
                                <div class="b-bPlacer-4s">
                                    <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
                                        <div>
                                            <div class="t0-b-lv4H-numIcon__iconPlacer">
                                                <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--tokucho-4"></span>
                                            </div>
                                            <div class="t0-b-lv4H-numIcon__bd">
                                                <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">土日祝日もご相談を受付</h4>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div>
                                <div class="b-bPlacer-3s">
                                    <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                        <div>
                                            <div class="t0-b-layoutSplitter__div">
                                                <div>
                                                    <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                        <div class="t0-b-media__media">
                                                            <span><span><span></span></span></span>
                                                            <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-7s">
                                    <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                        <p>土日祝日もご相談を受け付けております。平日は仕事でいつも帰りが遅い方や、昼間は家事や育児で忙しい方など、ぜひご利用ください。</p>
                                    </div>
                                </div>
                            </div>
                            <div>
                                <div class="b-bPlacer-4s">
                                    <div class="t0-b-navBItem t0-b-navBItem--size-3 t0-b-navBItem--width-m t0-b-navBItem--align-c" data-height-part="">
                                        <div data-cms-path="data.contents.0"><span><span><span></span></span></span>
                                            <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div data-switchable-key="contents.5.switchable" class="t0-b-flow2LeftToRight__bd" data-auto-height>
                <div class="t0-b-flow2LeftToRight__box" data-height-group="1">
                    <div><span><span><span></span></span></span>
                        <div class="outerHtml" data-cms-path="data.contents.5">
                            <div>
                                <div class="b-bPlacer-4s">
                                    <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
                                        <div>
                                            <div class="t0-b-lv4H-numIcon__iconPlacer">
                                                <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--tokucho-5"></span>
                                            </div>
                                            <div class="t0-b-lv4H-numIcon__bd">
                                                <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">パッケージプラン</h4>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div>
                                <div class="b-bPlacer-3s">
                                    <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                        <div>
                                            <div class="t0-b-layoutSplitter__div">
                                                <div>
                                                    <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                        <div class="t0-b-media__media">
                                                            <span><span><span></span></span></span>
                                                            <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-7s">
                                    <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                        <p>当社では、各業務、各種サービスの料金を明確に定め、明朗会計のパッケージプランをご用意しております。「何にいくらかかるのかわからない」といったご心配は不要です。</p>
                                    </div>
                                </div>
                            </div>
                            <div>
                                <div class="b-bPlacer-4s">
                                    <div class="t0-b-navBItem t0-b-navBItem--size-3 t0-b-navBItem--width-m t0-b-navBItem--align-c" data-height-part="">
                                        <div data-cms-path="data.contents.0"><span><span><span></span></span></span>
                                            <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-flow2LeftToRight__arrow">
                    <div class="t0-b-flow2LeftToRight__arrow-inner"></div>
                </div>
                <div class="t0-b-flow2LeftToRight__box" data-height-group="1">
                    <div><span><span><span></span></span></span>
                        <div class="outerHtml" data-cms-path="data.contents.6">
                            <div>
                                <div class="b-bPlacer-4s">
                                    <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
                                        <div>
                                            <div class="t0-b-lv4H-numIcon__iconPlacer">
                                                <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--tokucho-6"></span>
                                            </div>
                                            <div class="t0-b-lv4H-numIcon__bd">
                                                <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">充実のフォロー体制</h4>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div>
                                <div class="b-bPlacer-3s">
                                    <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                        <div>
                                            <div class="t0-b-layoutSplitter__div">
                                                <div>
                                                    <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                        <div class="t0-b-media__media">
                                                            <span><span><span></span></span></span>
                                                            <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-7s">
                                    <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                        <p>当社では、単なる事務手続きだけでなく、充実のフォロー体制でお客さまをバックアップいたします。けっして○○して終わり、というわけではありませんので、安心してご相談ください。</p>
                                    </div>
                                </div>
                            </div>
                            <div>
                                <div class="b-bPlacer-4s">
                                    <div class="t0-b-navBItem t0-b-navBItem--size-3 t0-b-navBItem--width-m t0-b-navBItem--align-c" data-height-part="">
                                        <div data-cms-path="data.contents.0"><span><span><span></span></span></span>
                                            <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div data-switchable-key="contents.7.switchable" class="t0-b-flow2LeftToRight__bd" data-auto-height>
                <div class="t0-b-flow2LeftToRight__box" data-height-group="1">
                    <div><span><span><span></span></span></span>
                        <div class="outerHtml" data-cms-path="data.contents.7">
                            <div>
                                <div class="b-bPlacer-4s">
                                    <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
                                        <div>
                                            <div class="t0-b-lv4H-numIcon__iconPlacer">
                                                <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--tokucho-7"></span>
                                            </div>
                                            <div class="t0-b-lv4H-numIcon__bd">
                                                <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">豊富な経験と高い技術力</h4>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div>
                                <div class="b-bPlacer-3s">
                                    <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                        <div>
                                            <div class="t0-b-layoutSplitter__div">
                                                <div>
                                                    <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                        <div class="t0-b-media__media">
                                                            <span><span><span></span></span></span>
                                                            <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-7s">
                                    <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                        <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                    </div>
                                </div>
                            </div>
                            <div>
                                <div class="b-bPlacer-4s">
                                    <div class="t0-b-navBItem t0-b-navBItem--size-3 t0-b-navBItem--width-m t0-b-navBItem--align-c" data-height-part="">
                                        <div data-cms-path="data.contents.0"><span><span><span></span></span></span>
                                            <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-flow2LeftToRight__arrow">
                    <div class="t0-b-flow2LeftToRight__arrow-inner"></div>
                </div>
                <div class="t0-b-flow2LeftToRight__box" data-height-group="1">
                    <div><span><span><span></span></span></span>
                        <div class="outerHtml" data-cms-path="data.contents.8">
                            <div>
                                <div class="b-bPlacer-4s">
                                    <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
                                        <div>
                                            <div class="t0-b-lv4H-numIcon__iconPlacer">
                                                <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--tokucho-8"></span>
                                            </div>
                                            <div class="t0-b-lv4H-numIcon__bd">
                                                <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">豊富な経験と高い技術力</h4>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div>
                                <div class="b-bPlacer-3s">
                                    <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                        <div>
                                            <div class="t0-b-layoutSplitter__div">
                                                <div>
                                                    <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                        <div class="t0-b-media__media">
                                                            <span><span><span></span></span></span>
                                                            <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-7s">
                                    <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                        <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                    </div>
                                </div>
                            </div>
                            <div>
                                <div class="b-bPlacer-4s">
                                    <div class="t0-b-navBItem t0-b-navBItem--size-3 t0-b-navBItem--width-m t0-b-navBItem--align-c" data-height-part="">
                                        <div data-cms-path="data.contents.0"><span><span><span></span></span></span>
                                            <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div data-switchable-key="contents.9.switchable" class="t0-b-flow2LeftToRight__bd" data-auto-height>
                <div class="t0-b-flow2LeftToRight__box" data-height-group="1">
                    <div><span><span><span></span></span></span>
                        <div class="outerHtml" data-cms-path="data.contents.9">
                            <div>
                                <div class="b-bPlacer-4s">
                                    <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
                                        <div>
                                            <div class="t0-b-lv4H-numIcon__iconPlacer">
                                                <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--tokucho-9"></span>
                                            </div>
                                            <div class="t0-b-lv4H-numIcon__bd">
                                                <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">豊富な経験と高い技術力</h4>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div>
                                <div class="b-bPlacer-3s">
                                    <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                        <div>
                                            <div class="t0-b-layoutSplitter__div">
                                                <div>
                                                    <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                        <div class="t0-b-media__media">
                                                            <span><span><span></span></span></span>
                                                            <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-7s">
                                    <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                        <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                    </div>
                                </div>
                            </div>
                            <div>
                                <div class="b-bPlacer-4s">
                                    <div class="t0-b-navBItem t0-b-navBItem--size-3 t0-b-navBItem--width-m t0-b-navBItem--align-c" data-height-part="">
                                        <div data-cms-path="data.contents.0"><span><span><span></span></span></span>
                                            <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="t0-b-flow2LeftToRight__arrow">
                    <div class="t0-b-flow2LeftToRight__arrow-inner"></div>
                </div>
                <div class="t0-b-flow2LeftToRight__box" data-height-group="1">
                    <div><span><span><span></span></span></span>
                        <div class="outerHtml" data-cms-path="data.contents.10">
                            <div>
                                <div class="b-bPlacer-4s">
                                    <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
                                        <div>
                                            <div class="t0-b-lv4H-numIcon__iconPlacer">
                                                <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--tokucho-10"></span>
                                            </div>
                                            <div class="t0-b-lv4H-numIcon__bd">
                                                <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">豊富な経験と高い技術力</h4>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div>
                                <div class="b-bPlacer-3s">
                                    <div class="t0-b-layoutSplitter t0-b-layoutSplitter--count-1 t0-b-layoutSplitter--spacing-4s">
                                        <div>
                                            <div class="t0-b-layoutSplitter__div">
                                                <div>
                                                    <div class="t0-b-media t0-b-media--width-" data-height-part="">
                                                        <div class="t0-b-media__media">
                                                            <span><span><span></span></span></span>
                                                            <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.1">
                                                        </div>
                                                        <div class="t0-b-media__caption">
                                                            <p data-cms-path="data.contents.3">
                                                                あらゆるニーズにお応えいたします。
                                                            </p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="ex-leftSpacingTweak-">
                                <div class="b-bPlacer-7s">
                                    <div class="t0-b-wysiwyg" data-cms-path="data.contents.0" data-height-part="">
                                        <p>当社には○年以上の豊富な経験と高い技術力がございます。これらを生かし、単なる○○だけでなく、あらゆるニーズにお応えいたします。</p>
                                    </div>
                                </div>
                            </div>
                            <div>
                                <div class="b-bPlacer-4s">
                                    <div class="t0-b-navBItem t0-b-navBItem--size-3 t0-b-navBItem--width-m t0-b-navBItem--align-c" data-height-part="">
                                        <div data-cms-path="data.contents.0"><span><span><span></span></span></span>
                                            <div data-cms-contenteditable="data.contents.0.text">詳細はこちらへ</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="outerHtml" data-cms-path="data.contents.11"></div>
        </div>
    </div>
</div>